<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <link rel="stylesheet" href="css/zhuye.css">
</head>
<body>
    <div class="shang">
        <div class="gg">
            广告
        </div>
 <div class="jt"></div>
</div>
<div class="zhongz">
<div class="zhong">
   <img class="zuo-1" src="img/tmall-0409-cn.jpg" alt="">
   <img class="zuo-2" src="img/starbucks-design-studio-web-china.jpg" alt="">
   <img class="zuo-3" src="img/homepage-career-cn.jpg" alt="">
</div>
</div>
<div class="xia">
    <div class="xia-k">
        <div class="left-1">
            <h2>星享俱乐部</h2>
            <p class="diyi">开启您的星享之旅，星星越多、会员等级越高、好礼越丰富。
                <span>了解更多 ›</span>
            </p>
              <div class="xiak2">
                    <div class="zc">
                        注册
                    </div>
                  <div class="dl">
                         登录
                  </div>
                  
              </div>
        </div>
        <div class="left-2">
            <img src="img/logo-msr-new.svg" alt="">
        </div>
    </div>
</div>
<div class="disan">
    <div class="disan-k">
        <h2>星巴克精选</h2>
        <p class="bian">在星巴克天猫旗舰店发现更多咖啡心意</p>
        <div class="zhuyao">
            <div class="left-a">
                <img class="tush" src="img/tmall-card-01.png" alt="">
                <p class="tou"> <strong>会员星礼包</strong>  </p>
                <p class="touxia">
                     星享卡新升级  
                     </p>
                     <p class="touxia te">
                            更多心意好礼 </p>
                            <p class=" ljgd">
                                    了解更多 ›  
                                    </p> 
            </div> 
            <div class="left-a">
                    <img class="tush" src="img/tmall-card-02.png" alt="">
                    <p class="tou"> <strong>星礼卡</strong>  </p>
                    <p class="touxia">
                            用一份心礼 
                         </p>
                         <p class="touxia te">
                                让心意相随 </p>
                                <p class=" ljgd">
                                        了解更多 ›  
                                        </p> 
            </div>
            <div class="left-a">
                    <img class="tush" src="img/tmall-eticket.png" alt="">
                    <p class="tou"> <strong>电子产品券</strong>  </p>
                    <p class="touxia">
                            心意 
                         </p>
                         <p class="touxia te">
                                从这一杯开始 </p>
                                <p class=" ljgd">
                                        了解更多 ›  
                                        </p> 
            </div>
            <div class="left-a">
                    <img class="tush" src="img/tmall-reserve.png" alt="">
                    <p class="tou"> <strong>咖啡生活</strong>  </p>
                    <p class="touxia">
                            星巴克 
                         </p>
                         <p class="touxia te">
                                用心制作 </p>
                                <p class=" ljgd">
                                        了解更多 ›  
                                        </p> 
            </div>
        </div>
    </div>
</div>
<div class="di">
    <div class="di-k">
        <h2>1912 派克街 | 咖啡星讲堂</h2>
        <p class="bian">了解更多星巴克咖啡文化</p>
        <div class="yuanj"></div>
        <div class="dizhu">
            <div class="fosi">
                <div class="dingwei">
                    咖啡知识
                </div>
                <img src="img/coffeehouse-coffee-cultivation-kv.jpg" alt="" width="240px" height="160px">
                <p>咖啡的起源与培植</p>
            </div>
            <div class="fosi">
                    <div class="dingwei ">
                    咖啡品鉴
                </div>
                <img src="img/coffeehouse-4-fundamentals-kv.jpg" alt="" width="240px" height="160px">
                <p>咖啡调制</p>
            </div>
            <div class="fosi">
                    <div class="dingwei">
                    咖啡知识
                </div>
                <img src="img/coffeehouse-roast-story-kv.jpg" alt="" width="240px" height="160px">
                <p>咖啡烘焙</p>
            </div>
            <div class="fosi">
                    <div class="dingwei">
                    咖啡品鉴
                </div>
                <img src="img/coffeehouse-pour-over-kv.jpg" alt="" width="240px" height="160px">
                <p>手冲咖啡</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>